<!DOCTYPE html 
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>MyFeed - Sign Up</title>
<link rel="stylesheet" href="css/common.css" type="text/css" />
<link rel="stylesheet" href="css/signup.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/IE6fix/common_ie6fix.css" type="text/css" />
<![endif]--> 
<script src="js/formChecker.js" type="text/javascript"></script>
<script src="js/common.js" type="text/javascript"></script>
</head>
<body>
<div id="header">
    <h1 id="logo"><span>MyFeed (beta) - Sign up</span></h1>
</div>
<div class="access_help">
    <a href="#tab_wrapper" accesskey="c" class="access_help">Jump to signup form in this page</a> |
    <a href="#nav_list" accesskey="n">Jump to navigation menu in this page</a>
</div>


<div id="alt">
	<ul>
  	<li><a href="mobiles/index.html">Mobiles</a></li>
    <li><a href="#">Text Only</a></li>
    <li><a href="access_help.html">Accessibility Help</a></li>
  </ul>
</div>

<div id="navbar">
        <!--
	<form action="#" method="post">
	    <fieldset><legend>Login</legend>
		<label for="nav_username">username</label><input accesskey="u" class="username" id="nav_username" type="text" />
		<label for="nav_password">password</label><input accesskey="p" class="password" id="nav_password" type="password"/>
		<input class="submit" type="submit" value="login"/>
	    </fieldset>
        </form>
	-->
  
  <a id="your_feeds_link" href="main_app.html">Go To Your Feeds!</a>
  
	<ul id="nav_list">
	    <li><a href="index.html"  accesskey="o">H<span class="underlined">o</span>me</a></li>
	    <li class="here">Sign Up</li>
	    <li><a href="help.html" accesskey="h"><span class="underlined">H</span>elp</a></li>    
	    <li><a href="about.html" accesskey="a"><span class="underlined">A</span>bout</a></li>
	    <li><a href="sitemap.html"  accesskey="m">Site<span class="underlined">m</span>ap</a></li>
	</ul>
</div>	

<div id="tab_index">
    <ol>
      <li class="here"><h6>Step 1</h6><span>Sign Up</span></li>
      <li><h6>Step 2</h6><span>Subscribe Feeds</span></li>
      <li><h6>Step 3</h6><span>See my feeds</span></li>
    </ol>
</div>

<div id="tab_wrapper">
    <p class="site_pos">You are here:  <a href="index.html">Home</a> -&gt; Sign Up</p>
   
    <form action="/cgi-bin/signup.pl" id="signup_form" method="post">
      <h1>Sign Up form</h1>
      <p id="required"><span>Note:</span> items marked with * are required</p>
      <fieldset id="personal"><legend>Personal details</legend>
      	<ul>
          <li><label for="first_name">first name<em>*</em> </label><input id="first_name" name="first_name"  type="text"/></li>
          <li><label for="last_name">last name<em>*</em> </label><input id="last_name" name="last_name" type="text" /></li>
          <li><label for="email">email<em>*</em> </label><input id="email" name="email" type="text" /></li>
          <li><label>gender</label><input type="radio" name="gender" id="male-gender" value="male" />
          	<label for="male-gender" class="inner_label">male</label><input type="radio" name="gender" checked="true" value="female" id="female-gender"/>
          	<label for="female-gender"  class="inner_label" >female</label></li>
        </ul>
      </fieldset>
			<fieldset id="account"><legend>Account details</legend>
      	<ul>
          <li><label for="username">username<em>*</em> </label><input id="username" name="username" type="text" /></li>
          <li><label for="password">password<em>*</em> </label><input id="password" name="password" type="password" /></li>
          <li><label for="confirm_password">confirm password<em>*</em> </label><input id="confirm_password" name="confirm_password" type="password" /></li>
      	</ul>
      </fieldset>  
        <input type="submit" id="submit" value="Submit!" onclick="if(!FormChecker.check()) return false;"/>
     
    </form>
    
</div>

<div class="access_help">
    <a href="#header" accesskey="t">Jump to top in this page</a>
</div>

<div id="footer">
    <p>
	<a href="http://validator.w3.org/check?uri=referer"><img
	    src="http://www.w3.org/Icons/valid-xhtml10-blue"
	    alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
	    
	<a href="http://jigsaw.w3.org/css-validator/check/referer">
	    <img style="border:0;width:88px;height:31px"
		src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
		alt="CSS Valido!" />
	</a>
    </p>
</div>



</body>
</html>